@use "@/views/view.module.scss"as*;

.contacts_view {
  @extend .view_base;
  user-select: none;
}

#contact_list_item {
  max-height: 71;
  padding   : 10px;
  transition: background-color 200ms;

  &:hover {
    background-color: #88888833;
  }

  * {
    white-space  : nowrap;
    word-break   : keep-all;
    overflow     : hidden;
    text-overflow: ellipsis;
  }

  .title {
    white-space  : nowrap;
    word-break   : keep-all;
    overflow     : hidden;
    text-overflow: ellipsis;
    flex-shrink  : 0
  }

}